<template>
	<div class="zhengtuojianhuo">
		<van-nav-bar :fixed="true" class="navBar" title="新整托拣货" left-arrow @click-left="$router.go(-1)"></van-nav-bar>



		<div class="goodsFromWarp" style="padding-bottom:5px;">
				<div class="goodsInputWarp">
						<div class="goodsInputLabel" style="width:35%;">
							<div class="goodsInputBorder"></div>
							<div class="skuName" style="width: 120px;">拣货门店：</div>
						</div>
						<!-- @input="onInput" -->
						<van-field
							 class="skuInput"
							 clearable
							 @keyup="onEnter($event,do_inputspbar)"
							 v-model="editForm.ck_storeid"
							 placeholder="请填写拣货门店"

						 />
						 <div class="searchBtn">
						 	<button :disabled="isdisabled"  @click.stop="_getStoreBtn()" >
						 		<van-icon name="ellipsis" color="#1989fa"  />
						 	</button>
						 </div>
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel" style="width:35%;">
							<div class="goodsInputBorder"></div>
							<div class="skuName" style="width: 120px;">位置：</div>
						</div>
						<van-field
							 class="skuInput"
							 clearable
							 v-model="editForm.hqp"
							 placeholder="请填写位置"
						 />
						 <div class="searchBtn">
						 	<button :disabled="isdisabled"  @click.stop="_getAddressBtn()" >
						 		<van-icon name="ellipsis" color="#1989fa"  />
						 	</button>
						 </div>
				</div>



				<div class="storeWarp" >
					<van-row class="goodsName">
					  <van-col span="24"> <span>拣货任务：</span>{{skuRow.bill}}</van-col>
					</van-row>

					<van-row class="goodsName">
					  <van-col span="24"> <span>门店：</span>{{skuRow.ck_storeid}} {{skuRow.ck_storeid>''?'_':''}} {{skuRow.storename}}</van-col>
					</van-row>

					<van-row class="goodsName">
					  <van-col span="24"> <span>集货位：</span>{{skuRow.wno}}</van-col>
					</van-row>

					<van-row class="goodsName">
						<!-- C007 3742 -->
					  <van-col span="24"> <span>仓位：</span>{{skuRow.cwno.slice(0,4)}} - {{skuRow.cwno.slice(4,6)}} - {{skuRow.cwno.slice(6,8)}} </van-col>
					</van-row>
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel" style="width:35%;">
							<div class="goodsInputBorder"></div>
							<div class="skuName" style="width: 120px;">拣货标签：</div>
						</div>
						<van-field
							 class="skuInput"
							 clearable
							 @keyup="onEnter($event,do_inputspbarJhrd)"
							 v-model="editForm.jhrqid"
							 placeholder="请填写拣货标签"
						 />
				</div>

				<div class="savefooterBtn">
					<van-button  plain type="info" :disabled="isdisabled" @click="lingquBtn()">领取任务</van-button>
					<van-button style="margin-left:20px;" type="info" :disabled="isdisabled" @click="saveRenWuBtn()">任务完成</van-button>
				</div>

				<div class="savefooterBtn">
					<van-button  plain type="info" :disabled="isdisabled" @click="numNoBtn()">数量不符</van-button>
				</div>
		</div>

		<div class="tongzhi">

			<div v-if="editForm.hqp >'' " >
				<van-notice-bar color="#1989fa" background="#ecf9ff" left-icon="info-o" v-if="tableData.length > 1" >
					从 ：{{skuRow.cwno}} 出：{{skuRow.tqty}}
				</van-notice-bar>

				<van-notice-bar color="#1989fa" background="#ecf9ff" left-icon="info-o" v-else-if="tableData.length == 1" >
					 最后一条
				</van-notice-bar>
			</div>
			<div v-else-if="skuRow.q_no >''">
				<van-notice-bar color="#1989fa" background="#ecf9ff" left-icon="info-o" >
					区：{{skuRow.q_no}}  排：{{skuRow.p_no}}  未完成：{{tableData.length}}
				</van-notice-bar>
			</div>
		</div>


		<div class="carCardWarp">
			<div class="carCard" v-for="(item) in tableDataGoods" :key="item.barcode">
				<van-row class="goodRow" >
				  <van-col span="24"> <span>条码:</span>{{item.barcode}}</van-col>
				</van-row>

				<div class="goodsTitleRow">
						<div class="goodsTitleLabel">
							<div class="skuName">商品：</div>
						</div>
						<div class="skuNoTitle">
						{{item.subsname}}
						</div>
				</div>

				<van-row class="goodRow" style="margin-top: 10px;">
				  <van-col span="12"> <span>拣货类型:</span>{{item.spcwlx}}</van-col>
				  <van-col span="12"> <span>库存:</span>{{item.tkc}} {{item.username}}</van-col>
				</van-row>

				<van-row class="goodRow" style="margin-top: 10px;margin-bottom: 0px;">
				  <van-col span="12"> <span>已分配:</span>{{item.tkcfp}}{{item.username}}</van-col>
				  <van-col span="12"> <span>签号:</span>{{item.shserno}}</van-col>
				</van-row>

			</div>
		</div>

		<!-- <div class="skuBtn">
			<van-button type="info" :disabled="isdisabled" @click="zhuangcheBillBtn()">查询</van-button>
			<van-button type="info" :disabled="isdisabled" @click="zhuangCheSearchBtn()">装车查询</van-button>
		</div> -->


		<van-overlay :show="isRenWuVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="拣货任务列表" left-arrow @click-left="isRenWuVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in tableData" :key="i" class="danjuRow" @click="selectRenWuClick(row,i)" >
								<van-row class="skuList" >
								  <van-col span="24"> <span>拣货任务：</span> {{row.bill}}</van-col>
								</van-row>

								<van-row class="skuList" >
								  <van-col span="24"> <span>门店：</span> {{row.storeid}}{{row.storeid >''?'_':''}}{{row.storename}}</van-col>
								</van-row>

								<van-row class="skuList" >
								  <van-col span="24"> <span>出货仓位：</span> {{row.route_c}}</van-col>
								</van-row>
								<van-row class="skuList" >
								  <van-col span="12"> <span>集货位：</span> {{row.wno}}</van-col>
								  <van-col span="12"> <span>仓库：</span> {{row.whsid}}</van-col>
								</van-row>


								<van-row class="skuList"  >
									<van-col span="12"> <span>区：</span> {{row.q_no}}</van-col>
									<van-col span="12"> <span>排：</span> {{row.p_no}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="12"> <span>出货总数：</span> {{row.yjtotqty}}</van-col>
									<van-col span="12"> <span>托盘总数：</span> {{row.tqty}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="12"> <span>箱数：</span> {{row.pack}}</van-col>
									<van-col span="12"> <span>散数：</span> {{row.qty}}</van-col>
								</van-row>
							</div>
					</div>
			</div>
		</van-overlay>



		<van-overlay :show="isAddressVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="位置列表" left-arrow @click-left="isAddressVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in addTableData" :key="i" class="danjuRow" @click="selectClick(row,i)" >
								<van-row class="skuList" >
								  <van-col span="24"> <span>货区排：</span> {{row.hqp}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="12"> <span>区：</span> {{row.q_no}}</van-col>
									<van-col span="12"> <span>排：</span> {{row.p_no}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="12"> <span>七层总数：</span> {{row.qczs}}</van-col>
									<van-col span="12"> <span>四层：</span> {{row.sczs}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="24"> <span>仓位自：</span> {{row.cwno_f}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="24"> <span>仓位止：</span> {{row.cwno_t}}</van-col>
								</van-row>
							</div>
					</div>
			</div>
		</van-overlay>

		<!-- 门店列表 -->
		<van-overlay :show="isStoreVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="门店列表" left-arrow @click-left="isStoreVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in storeTableData" :key="i" class="danjuRow" @click="selectStoreClick(row,i)" >
								<van-row class="skuList" >
								  <van-col span="24"> <span style="width:60px !important;" >门店：</span> {{row.ck_storeid}}_{{row.storename}}</van-col>
								</van-row>

								<van-row class="skuList" >
								  <van-col span="24"> <span style="width: 60px !important;" >托盘个数：</span> {{row.tpgs}}</van-col>
								</van-row>


								<van-row class="skuList"  >
									<van-col span="12"> <span style="width: 60px !important;">仓位自：</span> {{row.cwnof}}</van-col>
									<van-col span="12"> <span style="width: 60px !important;">仓位止：</span> {{row.cwnot}}</van-col>
								</van-row>

							</div>
					</div>
			</div>
		</van-overlay>


		<van-overlay :show="isMessageVisible" :lock-scroll="false">
			<div class="messageWarp">
					<div class="messageCon">
							<div class="messageTitle">取消整托出货</div>

							<div class="messageHeader">
									<div class="messageLabel">库区：</div>
									<div class="messageValue">{{ryuser.kqid}}</div>
							</div>

							<div class="messageHeader">
									<div class="messageLabel">整仓位：</div>
									<div class="messageValue">{{skuRow.cwno}} </div>
							</div>



							<div class="messageHeader" style="color: #f00;">
									是-取消拣货(无库存按配送)!
							</div>

							<div class="messageHeader" style="color: #f00; line-height: 20px;">
									否-托盘(仓位)库存和预计拣货数不符,转补货再拣货处理
							</div>

							<div class="messageHeader" style="color: #f00; line-height: 20px;">
									是否继续请确认？
							</div>


							<div class="messageFooter">
								<div @click="querenNum(1)">是</div>
								<div @click="querenNum(2)">否</div>
								<div @click="isMessageVisible = false">取消</div>
							</div>
					</div>
			</div>
		</van-overlay>



	</div>
</template>

<script>
export default {
  name: 'zhengtuojianhuoN',
  data() {
    return {
			editForm:{
				ck_storeid:'',
				route_c:'',
				q_no:'',
				p_no:'',
				hqp:'',
				bill: '',
				ck_storeid: '',
				cwno: '',
				p_no: '',
				pack: '',
				q_no: '',
				qty: '',
				route_c: '',
				sort1: '',
				storeid:'',
				storename: '',
				tqty: '',
				whsid: '',
				wno: '',
				yjtotqty: '',
				jhrqid:'',
			},
			skuRow:{
				bill: "",
				ck_storeid: "",
				cwno: "",
				p_no: "",
				pack: "",
				q_no: "",
				qty: "",
				route_c: "",
				sort1: "",
				storeid: "",
				storename: "",
				tqty: "",
				whsid: "",
				wno: "",
				yjtotqty: "",
			},
			isdisabled:false,
			addTableData:[
				{
					hqp:''
				}
			],
			isAddressVisible:false,
			isStoreVisible:false,
			storeTableData:[
				{
					storename:'',
				}
			],
			timeoutId:'',
			change1dt:null, change1data:null, //记录时间和字符串
			change2dt:null, change2data:null,
			carMessageIsShow:false,
			message:{},
			isRenWuVisible:false,
			tableData:[
				{
					bill:''
				}
			],
			tableDataGoods:[
				{
					barcode:'',
				}
			],
			isMessageVisible:false,
		};
  },
	watch:{

	},
	computed: {
	   ryuser: function(){
	     return this.GWO(true).gUSER;
	   }
	},
  methods: {
		lingquBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_jianhuo',
				'i':this.FNULLE([
				'opmode','Y_ZZJH_lqbill',
				'kqid', _self.ryuser.kqid,
				'czyid',_self.ryuser.operatorid,
				'ck_storeid',_self.editForm.ck_storeid,
				'route_c',_self.editForm.route_c,
				'q_no',_self.editForm.q_no,
				'p_no',_self.editForm.p_no,
				])
				},'查询领取任务',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("查询查询领取任务")
					console.log(rtn_json_obj)
					_self.tableData = rtn_json_obj
					if(_self.tableData.length > 0 ){
							_self.tableData = rtn_json_obj
							_self.isRenWuVisible = true
					}else{
						_self.$toast.fail('暂无拣货任务')
            _self.skuRow = {
              bill: "",
              ck_storeid: "",
              cwno: "",
              p_no: "",
              pack: "",
              q_no: "",
              qty: "",
              route_c: "",
              sort1: "",
              storeid: "",
              storename: "",
              tqty: "",
              whsid: "",
              wno: "",
              yjtotqty: "",
            }
            _self.editForm.jhrqid = ''  //清空拣货标签
						_self.editForm.ck_storeid = '' //清空门店
            _self.tableDataGoods = [] //清空商品
					}
				}
			});
		},
		_getAddressBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_jianhuo',
				'i':this.FNULLE([
				'opmode','Y_ZZJH_qrywz',
				'kqid', _self.ryuser.kqid,
				'czyid',_self.ryuser.operatorid,
				])
				},'查询位置',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					_self.addTableData = rtn_json_obj
          if(rtn_json_obj.length > 0){
            _self.isAddressVisible = true
          }else{
            _self.$toast.fail('暂无位置')
          }
					console.log("得到查询位置")
					console.log(rtn_json_obj)
				}
			});
		},
		selectClick(row){
			this.editForm.hqp = row.hqp
			this.isAddressVisible = false
		},
		do_inputspbar(pmtxt){
			console.log(pmtxt)  //扫描枪获取的参数
			this.editForm.ck_storeid = pmtxt
			this._getStoreBtn()
		},
		_getStoreBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_jianhuo',
				'i':this.FNULLE([
				'opmode','Y_ZZJH_qrystoreid',
				'kqid', _self.ryuser.kqid,
				'czyid',_self.ryuser.operatorid,
				'ck_storeid',_self.editForm.ck_storeid,
				])
				},'查询门店',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					_self.storeTableData = rtn_json_obj
          if(rtn_json_obj.length > 0){
            _self.isStoreVisible = true
          }else{
            _self.$toast.fail('暂无门店')
          }
					console.log("得到查询门店")
					console.log(rtn_json_obj)
				}
			});
		},
		selectStoreClick(row){
			this.editForm.ck_storeid = row.ck_storeid
			this.isStoreVisible = false
		},
		selectRenWuClick(row){
			// this.editForm.bill = row.bill
			// this.editForm.ck_storeid = row.ck_storeid
			// this.editForm.cwno = row.cwno
			// this.editForm.p_no = row.p_no
			// this.editForm.pack = row.pack
			// this.editForm.q_no = row.q_no
			// this.editForm.qty 	= row.qty
			// this.editForm.route_c 	= row.route_c
			// this.editForm.sort1 	= row.sort1
			// this.editForm.storeid 	= row.storeid
			// this.editForm.storename 	= row.storename
			// this.editForm.tqty 	= row.tqty
			// this.editForm.whsid 	= row.whsid
			// this.editForm.wno 	= row.wno
			// this.editForm.yjtotqty 	= row.yjtotqty
			this.skuRow = row
			this.isRenWuVisible = false
			this._getGoods()
		},
		_getGoods(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_jianhuo',
				'i':this.FNULLE([
				'opmode','Y_ZZJH_qryspmx',
				'kqid', _self.ryuser.kqid,
				'czyid',_self.ryuser.operatorid,
				'whsid',_self.skuRow.whsid,
				'storeid',_self.skuRow.storeid,
				'cwno',_self.skuRow.cwno,
				])
				},'查商品',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					_self.tableDataGoods = rtn_json_obj
					// _self.isStoreVisible = true
					console.log("得到查商品")
					console.log(rtn_json_obj)
				}
			});
		},
		do_inputspbarJhrd(pmtxt){
			console.log(pmtxt)  //扫描枪获取的参数
			this.editForm.jhrqid = pmtxt
			this.saveRenWuBtn()
		},
		saveRenWuBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_jianhuo',
				'i':this.FNULLE([
				'opmode','Y_ZZJH_qrjhrq',
				'kqid', _self.ryuser.kqid,
				'czyid',_self.ryuser.operatorid,
				'bill',_self.skuRow.bill,
				'cwno',_self.skuRow.cwno,
				'tqty',_self.skuRow.tqty,
				'jhrqid',_self.editForm.jhrqid,
				])
				},'查保存任务',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					// _self.tableDataGoods = rtn_json_obj
					console.log("得到查保存任务")
					console.log(rtn_json_obj)
					if(rtn_json_obj[0].ret_ret == '-1'){
						_self.$toast.fail(rtn_json_obj[0].ret_mess)
						return
					}else{
						_self.$toast.fail(rtn_json_obj[0].ret_mess)
						_self.editForm.jhrqid = ''
						_self.editForm.ck_storeid = ''
						_self.editForm.hqp = ''
						_self.skuRow = {
							bill: "",
							ck_storeid: "",
							cwno: "",
							p_no: "",
							pack: "",
							q_no: "",
							qty: "",
							route_c: "",
							sort1: "",
							storeid: "",
							storename: "",
							tqty: "",
							whsid: "",
							wno: "",
							yjtotqty: "",
						}
					}
				}
			});
		},
		numNoBtn(){
			this.isMessageVisible = true
		},
		querenNum(index){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_jianhuo',
				'i':this.FNULLE([
				'opmode','Y_ZZJH_xgjhrq',
				'kqid', _self.ryuser.kqid,
				'czyid',_self.ryuser.operatorid,
				'bill',_self.skuRow.bill,
				'cwno',_self.skuRow.cwno,
				'tqty',_self.skuRow.tqty,
				'djtype',index,
				])
				},'查数量不符',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到查数量不符")
					console.log(rtn_json_obj)
					if(rtn_json_obj[0].ret_ret == '-1'){
						_self.$toast.fail(rtn_json_obj[0].ret_mess)
						return
					}else{
						_self.$toast.fail(rtn_json_obj[0].ret_mess)
						_self.isMessageVisible = false
						_self.editForm.jhrqid = ''
						_self.editForm.ck_storeid = ''
						_self.editForm.hqp = ''
						_self.skuRow = {
							bill: "",
							ck_storeid: "",
							cwno: "",
							p_no: "",
							pack: "",
							q_no: "",
							qty: "",
							route_c: "",
							sort1: "",
							storeid: "",
							storename: "",
							tqty: "",
							whsid: "",
							wno: "",
							yjtotqty: "",
						}
					}
				}
			});
		},
  },
  mounted() {

  },
	components: {

	},
};
</script>

<style lang="scss" scoped>
	// 引入公共样式
	@import '@/assets/css/base.scss';
	@import '@/assets/css/input.scss';
	div.zhengtuojianhuo{
		padding-top: 50px;
	}



div.storeWarp{
	font-size: 20px;
	font-weight: bold;
	.goodsName{
		margin-top:10px;
		margin-bottom: 10px;
		span{
			display: inline-block;
			width:100px;
		}
	}

}


div.carCardWarp{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
	div.carCard{
		border-left: 5px solid #4998FF;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
		border-radius:5px;
		background-color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom:15px;
		div.goodRow{
			margin-bottom:8px;
			span{
				display: inline-block;
				width:80px;
			}
		}
		div.goodsTitleRow{
			display: flex;
			width: 100%;
			div.goodsTitleLabel{
				width: 80px;
			}
			div.skuNoTitle{
				width: calc(100% - 80px);
			}
		}
	}
}


.savefooterBtn{
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	button{
		border-radius: 20px;
		width: 100px;
		height: 35px;
		font-family: -apple-system-font, sans-serif;
		line-height: normal; /* 重点：设置内容行高为 normal */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center
	}
}

.messageConTitle{
	margin-top: 10px;
	font-size: 12px;
	color: #666;
}

.tongzhi{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 10px;
}


div.carCardWarp{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
	font-size: 14px;
	div.carCard{
		border-left: 5px solid #4998FF;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
		border-radius:5px;
		background-color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom:15px;
		div.goodRow{
			margin-bottom:8px;
			span{
				display: inline-block;
				width:80px;
			}
		}
		div.goodsTitleRow{
			display: flex;
			width: 100%;
			div.goodsTitleLabel{
				width: 80px;
			}
			div.skuNoTitle{
				width: calc(100% - 80px);
			}
		}
	}
}



	div.messageWarp{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		font-size: 20px;
		div.messageCon{
			width:80%;
			height:320px;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
			.messageTitle{
				width: 100%;
				background-color: #1989fa;
				height: 38px;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 13px;
				border-top-right-radius: 10px;
				border-top-left-radius: 10px;
			}
			.messageHeader{
				display: flex;
				// height: 30px;
				box-sizing: border-box;
				padding:5px 5%;
				font-size: 14px;
				width: 100%;
				div.messageLabel{
					width: 80px;
				}
				div.messageValue{
					width: calc(100% - 80px);
					white-space: normal
				}
			}
			div.messageFooter{
				display: flex;
				width: 100%;
				height: 41px;
				position: absolute;
				left: 0;
				bottom: 0;
				// background-color: #1989fa;
				div{
					width: 50%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 12px;
				}
				div:nth-child(1){
					color: #1989fa;
				}

				div:nth-child(2){
					color: #1989fa;
				}
			}
		}
	}

</style>
